<!-- 阿姨列表 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	.AnutList{
		height: 100%;
		background-color: #f3f5f8;
	}
	

	div.nav{
		margin-top:10px;
		width: 100%;
		padding:0 30px;
		text-align: center;
		background-color: #fff;
		ul.oneNav{
			width: 100%;
			height: 80px;
			@include clearfloat;
			border-bottom:1px solid #e1e1e1;
			>li{
				width: 50%;
				height: 80px;
				float: left;
				font-size: 28px;
				color: #666666;
				line-height: 78px;
			}
			>li.active{
				color: $themeColor;
				border-bottom:2px solid $themeColor;
			}
		}
		ul.searchLi{
			width: 100%;
			height: 72px;
			border-bottom:1px solid #e1e1e1;
			background-color: #fff;

			@include clearfloat;
			>li{
				float: left;
				width: 25%;
				line-height: 70px;
				color: #666;
				height: 100%;
				font-size: 24px;
				>i{
					margin-right: 8px;
					font-size: 18px;
					color: inherit;
				}

			}
			>li.active{
				color: $themeColor;
			}
		}
	}
	
	



</style>

<template>
	<section class="AnutList">
		<section>
			<head-nav :title-info="titleInfo"></head-nav>
		</section>
		<div class="nav">
			<ul class="oneNav">
				<li class="active">月嫂</li>
				<li>育儿嫂</li>
			</ul>
			<ul class="searchLi">
				<li class="active"><i class="iconfont">&#xe69e;</i>综合排序</li>
				<li><i class="iconfont">&#xe69e;</i>按年龄</li>
				<li><i class="iconfont">&#xe69e;</i>按经验</li>
				<li><i class="iconfont">&#xe69e;</i>按星级</li>
			</ul>
		</div>
		
		<section>
			<maternity-matronlist></maternity-matronlist>
		</section>
	</section>
</template>

<script>

	import headNav from '../../public/headNav';
	import MaternityMatronlist from '../../public/MaternityMatronlist';

	
	export default {
		data(){
			return {
				titleInfo: {
					close: true,
					title: '阿姨列表',
					color: '#333',
					goHome: true,
					backColor: '#fff'
				}
			}
		},
		components: {
			headNav,
			MaternityMatronlist
			
		},
		computed: {

		},
		watch:{

		}

	}
</script>
